<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>山东商务微矩阵</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>

<body>
	<div class="container-fluid">

		<div class="row p_head">
			<div class="col-sm-4 col-md-2 col-lg-1 p_head_logo">
				<img src="images/logo.png" width="40px" alt="">
			</div>
			<div class="col-xs-8 col-md-10 p_head_text">
				<h2>山东省商务厅</h2>
				<p>商务微矩阵</p>
			</div>
		</div>


		<div class="row">
			<ol class="breadcrumb p_breadcrumb">
				<li><a href="index.html">首页</a></li>
				<li class="active">商务微矩阵</li>
			</ol>
		</div>
		
		
		<div class="row p_wjz">
			<div class="col-xs-4 wjz_list">
				<a href="#">
					<img src="images/zcsd.png" width="70%" alt="">
					<span>投资山东</span>
				</a>
				<div class="p_wjz_popover">
					<span></span>
					<img src="images/1/tzsd.jpg" width="100%" alt="">
					<p>长按图片 - 识别图中二维码</p>
				</div>
			</div>
			<div class="col-xs-4 wjz_list">
				<a href="#">
					<img src="images/sdswtjgdw.png" width="70%" alt="">
					<span>山东商务厅机关党委</span>
				</a>
				<div class="p_wjz_popover">
					<span></span>
					<img src="images/jgdw.png" width="100%" alt="">
					<p>长按图片 - 识别图中二维码</p>
				</div>
			</div>
			<div class="col-xs-4 wjz_list">
				<a href="#">
					<img src="images/smlt.png" width="70%" alt="">
					<span>商贸流通</span>
				</a>
			</div>
			<div class="col-xs-4 wjz_list">
				<a href="#">
					<img src="images/wm.png" width="70%" alt="">
					<span>外贸</span>
				</a>
			</div>
			<div class="col-xs-4 wjz_list">
				<a href="#">
					<img src="images/wz.png" width="70%" alt="">
					<span>外资</span>
				</a>
			</div>
			<div class="col-xs-4 wjz_list">
				<a href="#">
					<img src="images/zcq.png" width="70%" alt="">
					<span>走出去</span>
				</a>
			</div>
			<div class="col-xs-4 wjz_list">
				<a href="#">
					<img src="images/kfq.png" width="70%" alt="">
					<span>开发区</span>
				</a>
			</div>
			
			<div class="col-xs-4 wjz_list">
				<a href="#">
					<img src="images/smlt.png" width="70%" alt="">
					<span>威海市商务局</span>
				</a>
				<div class="p_wjz_popover">
					<span></span>
					<img src="images/1/wh.png" width="100%" alt="">
					<p>长按图片 - 识别图中二维码</p>
				</div>
			</div>
		</div>
		
	</div>
<script>
	$(function($){
		$(".wjz_list").click(function(){
			var wjz_popover = $(this).children(".p_wjz_popover");
			if(wjz_popover.length!=0){
				wjz_popover.toggle();
			}
			$(this).siblings().children(".p_wjz_popover").hide();
		})
	});
</script>
</body>
</html>
